﻿<phone:PhoneApplicationPage 
    x:Class="BattleAuth.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800" 
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="White" Background="Black"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="False" Loaded="PhoneApplicationPage_Loaded">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Black">
 
        <!--Panorama control-->
 
        <!--Panorama control-->
        <controls:Panorama Title="battle.net" Name="panControl" Foreground="White" Margin="0">
            <controls:Panorama.Background>
                <ImageBrush ImageSource="/BattleNetWP7.jpg"/>
            </controls:Panorama.Background>
 
            <!--Panorama item one-->
 
            <!--Panorama item one-->
 
            <!--Panorama item one-->
            <controls:PanoramaItem Header="code" x:Name="pan_Code" Foreground="White">
            	<Grid Height="138" Margin="24,0,0,0" VerticalAlignment="Top">
            		<TextBlock Height="39" TextWrapping="Wrap" Text="Mobile Authenticator" VerticalAlignment="Top" Margin="-13,-160,31,0" FontSize="24"/>
            		<Border BorderBrush="#CC000000" BorderThickness="1" Background="#CC000000" HorizontalAlignment="Center" Padding="10,5" CornerRadius="3" Margin="0,0,0,8" Width="386">
            			<Grid Margin="0">
                            <ProgressBar Margin="0,89,0,0" Value="0" Height="29" VerticalAlignment="Top" x:Name="pbar" Maximum="29" Foreground="#FF1BA1E2" />
                            <TextBlock TextWrapping="Wrap" Text="35198799" Margin="8,0" Foreground="White" FontSize="64" VerticalAlignment="Top" Height="85" TextAlignment="Center" x:Name="tbCode" />
            			</Grid>
            		</Border>
            		<Button x:Name="btnSync" Height="84" Margin="0,0,0,-360" VerticalAlignment="Bottom" BorderBrush="{x:Null}" Width="84" Padding="0" HorizontalAlignment="Center" Click="btnSync_Click">
            			<Image Source="Icons/MB_0015_reload.png" Stretch="Fill" Width="48" Height="48"/>
            		</Button>
            		<Button x:Name="btnCopy" Height="84" Margin="0,0,0,-360" VerticalAlignment="Bottom" BorderBrush="{x:Null}" Padding="0" HorizontalAlignment="Right" Width="84" Click="btnCopy_Click" Visibility="Collapsed">
            			<Image Source="Icons/CopyIcon.png" Stretch="Fill" Width="48" Height="48"/>
            		</Button>
            	</Grid>
            </controls:PanoramaItem>
 
            <!--Use 'Orientation="Horizontal"' to enable a panel that lays out horizontally-->
            <controls:PanoramaItem Header="setup" x:Name="pan_Setup" Foreground="White">
            	<Grid Margin="24,0,0,40">
            		<Border BorderBrush="#CC000000" BorderThickness="1" Background="#CC000000" Padding="10,5" CornerRadius="3" Width="386" d:LayoutOverrides="Height" VerticalAlignment="Top">
            			<Grid Margin="0">
            				<TextBlock TextWrapping="Wrap" Text="US-1234-5678-9123" Margin="8" Foreground="White" FontSize="37.333" VerticalAlignment="Top" TextAlignment="Center" x:Name="tbSerial" />
            			</Grid>
            		</Border>
            		<Border BorderBrush="#CC000000" BorderThickness="1" Background="#CC000000" Padding="10,10,10,5" CornerRadius="3" Width="386" Margin="5,91,5,0" Height="359" VerticalAlignment="Top">
            			<ScrollViewer Margin="0">
            				<StackPanel Margin="0">
            					<TextBlock TextWrapping="Wrap" ScrollViewer.VerticalScrollBarVisibility="Auto" Height="719" Width="357"><Run Text="In order to use the Battle.net Mobile Authenticator, you will need to associate the serial number above with the Battle.net account you wish to protect."/><LineBreak/><Run/><LineBreak/><Run Text="To do so, follow the steps below:"/><LineBreak/><Run/><LineBreak/><Run Text="1) Visit www.battle.net/bma."/><LineBreak/><Run Text="2) Click 'Continue to Account Management'."/><LineBreak/><Run Text="3) Log in to the Battle.net account you wish to protect (if not already logged in)."/><LineBreak/><Run Text="4) Enter the serial number above and the current code (Swipe to the left) then click 'Add Authenticator'."/><LineBreak/><Run/><LineBreak/><Run Text="Before uninstalling, performing a factory reset of your mobile device or otherwise removing this application from your mobile device, please be sure to remove this Authenticator from your Battle.net account. You can do so by logging in to Battle.net Account Management."/></TextBlock>
            					<Button x:Name="btnNewSerial" Foreground="White" Content="Get new serial" Click="btnNewSerial_Click" BorderBrush="White" VerticalContentAlignment="Bottom" Width="308" Padding="10,3,10,5" Margin="0,20,0,0" />
            				</StackPanel>
            			</ScrollViewer>
            		</Border>
            	</Grid>
            </controls:PanoramaItem>
            <controls:PanoramaItem Header="help" x:Name="pan_Help" Foreground="White">
            	<Grid Margin="24,0,0,40">
            		<Border BorderBrush="#CC000000" BorderThickness="1" Background="#CC000000" Padding="10,10,10,5" CornerRadius="3" Width="386" Margin="0" Height="458" VerticalAlignment="Top">
            			<ScrollViewer Margin="0">
            				<StackPanel Margin="0">
            					<TextBlock TextWrapping="Wrap" ScrollViewer.VerticalScrollBarVisibility="Auto"><Run Text="Thank you for using the Battle.net Mobile Authenticator. The Battle.net Mobile Authenticator is a supplemental authentication method for a Battle.net account designed to give players an additional layer of security to help prevent unauthorized account access."/><LineBreak/><Run/><LineBreak/><Run Text="With a Battle.net Mobile Authenticator, every time you log in to Battle.net using a regular account name and password, you will also be prompted to enter the unique, one-time code provided by your Battle.net Mobile Authenticator."/><LineBreak/><Run/><LineBreak/><Run Text="If you find that you are repeatedly not able to log in to a Battle.net account using the code generated by the Battle.net Mobile Authenticator, then your Authenticator may be out of sync. To resynchronize, press the refresh button in the lower left corner on the code screen, and try again. Please be patient, as the syncing process may take a minute."/><LineBreak/><Run/><LineBreak/><Run Text="For more information about the Battle.net Mobile Authenticator, how to enable or disable it, or how to associate the serial number to a Battle.net account, please visit the Battle.net Mobile Authenticator section on the Battle.net Account Management website at www.battle.net/bma."/></TextBlock>
            				</StackPanel>
            			</ScrollViewer>
            		</Border>
            	</Grid>
        	</controls:PanoramaItem>
            <controls:PanoramaItem Header="info" x:Name="pan_Info" Foreground="White">
            	<Grid Margin="37,0,19,40">
            		<Border BorderBrush="#CC000000" BorderThickness="1" Background="#CC000000" Padding="10,10,10,5" CornerRadius="3" Height="458" VerticalAlignment="Top">
            			<ScrollViewer Margin="0,0,-3,0">
            				<StackPanel Margin="0">
            					<TextBlock TextWrapping="Wrap" Text="SERVER TIME DIFFERENCE" FontSize="14.667" FontFamily="Segoe WP Light"/>
            					<TextBlock x:Name="infoAdv_ServerTimeDiff" TextWrapping="Wrap" Text="0" FontSize="24" FontFamily="Segoe WP Semibold"/>
            					<TextBlock TextWrapping="Wrap" Text="SERIAL" FontSize="14.667" FontFamily="Segoe WP Light" Margin="0,20,0,0"/>
            					<TextBlock x:Name="infoAdv_Serial" TextWrapping="Wrap" Text="US-1234-5678-9012" FontSize="24" FontFamily="Segoe WP Semibold"/>
            					<TextBlock TextWrapping="Wrap" Text="SECRET KEY" FontSize="14.667" FontFamily="Segoe WP Light" Margin="0,20,0,0"/>
            					<TextBlock x:Name="infoAdv_SecretKey" TextWrapping="Wrap" Text="1234" FontSize="24" FontFamily="Segoe WP Semibold"/>
            					<TextBlock TextWrapping="Wrap" Text="SECRET DATA" FontSize="14.667" FontFamily="Segoe WP Light" Margin="0,20,0,0"/>
            					<TextBlock x:Name="infoAdv_SecretData" TextWrapping="Wrap" Text="1234" FontSize="24" FontFamily="Segoe WP Semibold"/>
            				</StackPanel>
            			</ScrollViewer>
            		</Border>
            	</Grid>
        	</controls:PanoramaItem>
        </controls:Panorama>
        <Grid x:Name="error_NoInternet" Background="Black" Visibility="Collapsed">
        	<TextBlock Margin="8,287,8,0" TextWrapping="Wrap" Text="        No Internet Connection" FontSize="29.333" TextAlignment="Center" Height="46" VerticalAlignment="Top"/>
        	<Image HorizontalAlignment="Left" Source="ErrorIcon.png" Stretch="Fill" Width="64" Margin="43,278,0,0" Height="64" VerticalAlignment="Top"/>
        	<TextBlock TextWrapping="Wrap" VerticalAlignment="Top" Margin="43,346,43,0"><Run Text="Unable to connect to Battle.net online services. Please try again later."/><LineBreak/><LineBreak/><Run Text="Press your phone's back button to return to he home screen."/></TextBlock>
        </Grid>
        <Grid x:Name="error_Enrolling" Background="Black" Visibility="Collapsed">
        	<TextBlock Margin="8,287,8,0" TextWrapping="Wrap" Text="Enrolling Device" FontSize="29.333" Height="46" VerticalAlignment="Top" Padding="70,0,0,0" TextAlignment="Center"/>
        	<Image HorizontalAlignment="Left" Source="CloudUploadIcon.png" Stretch="Fill" Width="64" Margin="93,278,0,0" Height="64" VerticalAlignment="Top"/>
        	<TextBlock TextWrapping="Wrap" VerticalAlignment="Top" Margin="43,346,43,0" TextAlignment="Center"><Run Text="Enrolling your device on Battle.net"/><LineBreak/><Run/><LineBreak/><Run Text="This may take a few minutes..."/></TextBlock>
        </Grid>
    </Grid>
 
    <!--Panorama-based applications should not show an ApplicationBar-->

</phone:PhoneApplicationPage>